﻿.order-detail-wrap{
    width:1000px;
    margin-left:30px;
    display:flex;
    flex-direction:column;
}

.order-detail-state{
    height:30px;
    border:1px solid #efefef;
    border-radius:50px;
    width:800px;
    display:flex;
    align-self:center;
    justify-content:center;
}

.order-state-01,.order-state-02,.order-state-03,.order-state-04{
    width:25%;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50px;
}

.arrive{
    background-color:#00c3f5;
    color:white;
}

.order{
    margin-top:30px;
    display:flex;
    flex-direction:column;
}

.order-message-top{
    margin-bottom:10px;
}

.order-table-head{
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    border:2px solid #f3f3f3;    
}

.order-table-head span{
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;   
}

.w50{
    width:50%;
}

.w125{
    width:12.5%;
}

.order-message{
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #f3f3f3;
    border-top:none;
}

.order-price,.goods-count,.order-state{
    display:flex;
    height:100%;
    align-items:center;
    justify-content:center;
}

.order-bill{
    margin-top:40px;
    align-self:flex-end;
    width:200px;
    display:flex;
    flex-direction:column;
    color:#666;
}

.order-bill div{
    display:flex;
    justify-content:space-between;
    height:30px;
}

.cope{
    font-size:larger;
    font-weight:600;
    color:red;
}

.order-mark{
    display:flex;   
    color:#666;
    border-top:1px solid #f3f3f3;
}

.consignee-message,.mark{
    height:150px;
    margin-top:50px;
    margin-right:100px;
    line-height:40px;
}

h1{
    font-size:18px;
    font-weight:600;
}
